<template>
    <div class="topTwo">
        <div>
            <el-button plain v-for="item in todoButton" :key="item.id" @click="item.fn">
                <span class="iconfont" v-html="item.icon"></span>
                {{ item.name }}
            </el-button>
        </div>
        <div>
            <el-button plain>
                <el-icon>
                    <Expand />
                </el-icon>
                排序
            </el-button>
            <el-button plain>
                <el-icon>
                    <Grid />
                </el-icon>
                表格
            </el-button>
        </div>

        
    </div>
</template>

<script setup lang="ts">
defineProps(['todoButton'])
</script>

<style scoped lang="less">
.topTwo {
    width: 100%;
    display: flex;
    justify-content: space-between;

    .el-button{
        box-sizing: border-box;
    }
    .iconfont {
        margin-right: 2px;
        font-weight: bold;
        height: 31px;
        line-height: 36px;
    }
}
</style>